<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Jquery对象转换成Dom对象</title>
        <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
        <script type="text/javascript" >
            window.onload = function() {
                //得到jquery对象
                var $username = $("#username");
                alert("$username value=" + $username.val());

                //准备把jquery对象转换成dom对象
                //1.jquery是一个数组对象，封装了dom对象
                //2.可以通过[index]来获取，也可以通过get(index)
                //3.一般来说index 是0

                //方式1
                var username = $username[0];
                alert("username value=" + username.value);

                //方式2
                var newVar = $username.get(0);
                alert("newVar value=" + newVar.value);
            }
        </script>
    </head>
    <body>
        用户名 <input type="text" id="username" name="username" value="lmy">
    </body>
</html>